import React, {useEffect} from 'react'
import {NavigationStackScreenComponent} from 'react-navigation-stack'
import {Image, Text, View} from 'react-native'
import {welcomeStyle} from './styles'
import assets from './assets'

const WelcomeScreen: NavigationStackScreenComponent = props => {
  useEffect(() => {}, [
    setTimeout(() => {
      props.navigation.navigate('SignIn')
    }, 2000),
  ])
  return (
    <View style={welcomeStyle.welcomeContainer}>
      <Image source={assets.images.logo} style={welcomeStyle.logo} />
      <Image source={assets.images.welcome_arrow} style={welcomeStyle.welcomeArrow} />
      <Text style={welcomeStyle.powerBy}>Powered by New World China</Text>
    </View>
  )
}
WelcomeScreen.navigationOptions = props => {
  return {header: null}
}
export default WelcomeScreen
